<template>
	<view class="bg-video">
		<!-- <video
			id="video"
			autoplay="true"
			muted="true"
			loop="loop" 
			src="http://bpic.588ku.com/video_listen/588ku_video/21/06/07/17/29/43/video60bde707a7722.mp4"></video> -->
		<swiper class="screen-swiper" :indicator-dots="true" :circular="true"
		 :autoplay="true" interval="2000" duration="10">
			<swiper-item v-for="(item,index) in swiperList" :key="index">
				<image class="bg-sw-img" :src="item.url" mode="aspectFill"></image>
			</swiper-item>
		</swiper>
		<view class="middle flex flex-direction justify-center">
			<view style="height: 100px; line-height: 100px;" class="margin-lg bg-blue round text-xxl text-center">
				<text>{{state.store.name ? state.store.name : "Easy24h"}} <text class="text-sm">{{version}}</text></text>
			</view>
		</view>
		<view class="cover">
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data: function() {
			return {
				state: {},
				version: "",
				swiperList: [
					{
						url: "https://univs-news-1256833609.file.myqcloud.com/123/upload/resources/image/8140197.jpg"
					},
					{
						url: "https://univs-news-1256833609.file.myqcloud.com/123/upload/resources/image/8140195.jpg"
					},
					{
						url: "https://univs-news-1256833609.file.myqcloud.com/123/upload/resources/image/8140198.jpg"
					},
					{
						url: "https://univs-news-1256833609.file.myqcloud.com/123/upload/resources/image/8140201.jpg"
					},
					
					
				]
			};
		},
		onLoad:function() {
		},
		created: function(){
			this.state = {
				store: this.common.getAttribute("store")
			};
			let accountInfo = uni.getAccountInfoSync();
			this.version = accountInfo.miniProgram.version;
		},
		methods: {
		}
	}
</script>

<style scoped>
	.bg-video {
		position: fixed;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.bg-sw-img {
		width: 100vw;
		height: 100vh;
		top: 0;
	}
	.screen-swiper { 
		width: 100vw;
		height: 100vh;
	}
	.bg-video .video {
		transform: scale(1.7, 1.7);
		width: 100vw;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
	}
	.bg-video .cover {
		background-color: rgba(255,255,255, 0.7);
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
	}
	
	.bg-video .middle {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
	}
</style>
